<template>
	<div class="top_body">
		<!-- <TopColor />
		<TopLock />
		<TopScreen />
		<TopInfo /> -->
		<logo></logo>	
		<el-menu :default-active="activeIndex" background-color="#545c64" text-color="#fff" active-text-color="#ffd04b" class="el-menu-demo" mode="horizontal" @select="handleSelect" router>
		  <el-menu-item :index="item.path" v-for="(item,i) in topMenus" :key="item.id">
		  	{{item.name}}
		  </el-menu-item>
		</el-menu>
		<TopInfo />
	</div>
</template>
<script>
	import { topMenu } from '@/const/menus'
	import logo from '../sidebar/logo'
	import TopInfo from './top-info'
	export default{
		name:'top',
		components:{
			logo,
			TopInfo
		},
		data(){
			return {
				activeIndex:this.$route.path,
				topMenus:topMenu
			}
		},
		methods:{
			handleSelect(){

			}
		}
	}
</script>